import { Suspense } from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter as Router } from "react-router-dom";
import { Provider } from "react-redux";

import store from "@/store";
import App from "@/App";

import "normalize.css";
import "./global.css";

const root = ReactDOM.createRoot(
  document.querySelector("#root") as HTMLDivElement
);

root.render(
  <Provider store={store}>
    <Router>
      <Suspense>
        <App />
      </Suspense>
    </Router>
  </Provider>
);
